<template>
 <el-scrollbar>
  <!-- 侧栏导航菜单 -->
  <el-menu unique-opened router :default-active="$route.path" :show-timeout="200" mode="vertical" :collapse="collapsed" 
  background-color="#2b313e" text-color="#7c8493" active-text-color="rgb(154, 206, 14)">
      <el-menu-item index="/manage/info">
          <i class="iconfont icon-xinxiguanli"></i>
          <span slot="title">河道信息管理</span>
        </el-menu-item>
        <el-menu-item index="/manage/sys">
          <i class="iconfont icon-zuzhitixi"></i>
          <span slot="title">河道组织体系</span>
        </el-menu-item>
        <el-submenu index="/manage/parts">
        <template slot="title">
          <i class="iconfont icon-bujian"></i>
          <span>河道部件</span>
        </template>
        <el-menu-item index="/manage/parts/index">河道部件查询</el-menu-item>
        <!-- <el-menu-item index="/manage/parts/class">河道部件类别</el-menu-item> -->
        <el-menu-item index="/manage/parts/manage">河道部件管理</el-menu-item>
      </el-submenu>
      <el-menu-item index="/manage/bordbill">
        <i class="iconfont icon-gongshipai"></i>
        <span slot="title">公示牌信息</span>
      </el-menu-item>
      <el-menu-item index="/manage/idea">
        <i class="iconfont icon-yiheyice"></i>
        <span slot="title">一河一策</span>
      </el-menu-item>
      <el-menu-item index="/manage/setting">
        <i class="iconfont icon-jiance"></i>
        <span slot="title">河道监测设置</span>
      </el-menu-item>
        <el-submenu index="/manage/equip">
        <template slot="title">
          <i class="iconfont icon-shebei"></i>
          <span>河道设备</span>
        </template>
        <el-menu-item index="/manage/equip/index">设备查询</el-menu-item>
        <!-- <el-menu-item index="/manage/equip/class">设备类别</el-menu-item> -->
        <el-menu-item index="/manage/equip/manage">设备管理</el-menu-item>
      </el-submenu>
    </el-menu>
 </el-scrollbar>
</template>
<script>
export default {
  name:'affairNav',
 data(){
    return{
      collapsed:this.$store.state.collapsed,
      //loading:false,
    }
  },
  methods:{
    //折叠导航栏
    collapse:function(){
      this.collapsed=!this.collapsed;
      this.$store.state.collapsed=this.collapsed;
    },
  },

}
</script>